<template>
	<view>
		<Header :isBack="true">
			<block slot="content">{{title}}</block>
		</Header>
		<!-- 快捷方式 -->
		<view class="list">
			<view class="list-item">
				<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/grzgz1.jpg" mode="">
				</image>
				<view class="list-item-text">
					1.工人登录之后，在
					<navigator url="/pages/index/index" class="active">首页</navigator>有四种找活方式。第一种：点击
					找工程，该页面内容包含所有的项目，按照时间的先后顺序排序
				</view>
			</view>
			<view class="list-item">
				<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/grzgz2.jpg" mode="">
				</image>
				<view class="list-item-text">
					2.第二种：点击附近工作，该页面项目按照工作地点的远近进行展示，而且只显示50.00km之内的工程
				</view>
			</view>
			<view class="list-item">
				<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/grzgz3.jpg" mode="">
				</image>
				<view class="list-item-text">
					3.第三种：点击最新岗位，该页面项目根据时间的先后顺序排序，当天的项目会加上最新的标签，用户一旦点击，进行了查看，该项目的最新标签会消失
				</view>
			</view>
			<view class="list-item">
				<view class="" style="width:350rpx;display: inline-block;">
					<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/grjszw1.jpg"
						mode="">
					</image>
					<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/grjszw2.jpg"
						mode="">
					</image>
				</view>

				<view class="list-item-text">
					4.第四种：根据工种获取相关的项目信息
				</view>
			</view>
			<view class="list-item">
				<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/gryyzw2.jpg" mode="">
				</image>
				<view class="list-item-text">
					5.进入项目列表页面，该页面可以根据您的需求，选择地区、工种、薪资等筛选出您最满意的项目。选好项目之后，点击即可查看详情
				</view>
			</view>
			<view class="list-item">
				<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/xq.jpg" mode="">
				</image>
				<view class="list-item-text">
					6.进入招工详情，在该页面可以进行地图导航，分享，预约职位，电话联系等操作，具体如下：
				</view>
			</view>
			<view class="list-item">
				<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/dh.jpg" mode="">
				</image>
				<view class="list-item-text">
					7.导航：点击导航，可以打开手机上已安装的第三方地图软件，建议下载高德地图（精准度最高）
				</view>
			</view>
			<view class="list-item">
				<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/fxzw4.jpg" mode="">
				</image>
				<view class="list-item-text">
					8.分享：点击分享，可以将当前页面分享给好友，朋友圈以及复制等操作。该操作仅限app版本，公众号和h5均不支持
				</view>
			</view>
			<view class="list-item">
				<view class="" style="width:350rpx;display: inline-block;">
					<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/gryyzw3.jpg"
						mode="">
					</image>
					<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/gryyzw4.jpg"
						mode="">
					</image>
				</view>
				<view class="list-item-text">
					9.预约职位：点击预约职位，可以预约当前职位
				</view>
			</view>
			<view class="list-item">
				<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/gryyzw5.jpg" mode="">
				</image>
				<view class="list-item-text">
					10.预约职位成功，该职位会显示在我的预约（<navigator url="/pages6/pages/my/my" class="active">我的</navigator> ->
					<navigator url="/pages2_1/pages/appointment/appointment" class="active">我的预约</navigator>）
				</view>
			</view>
			<view class="list-item">
				<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/gryyzw6.jpg" mode="">
				</image>
				<view class="list-item-text">
					11.在<navigator url="/pages2_1/pages/appointment/appointment" class="active">我的预约</navigator>
					列表中会显示开工时间，企业联系方式和地图导航（建议使用高德地图）
				</view>
			</view>
			<view class="list-item">
				<view class="" style="width:350rpx;display: inline-block;">
					<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/gryyzw8.jpg"
						mode="">
					</image>
					<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/gryyzw9.jpg"
						mode="">
					</image>
				</view>
				<view class="list-item-text">
					12.项目开工之后，该项目会自动显示在我的订单 -> <navigator url="/pages2_1/pages/user-orders/user-orders?status=10&title=已到岗"
						class="active">已到岗</navigator>列表中
				</view>
			</view>
			<view class="list-item">
				<view class="" style="width:350rpx;display: inline-block;">
					<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/gryyzw10.jpg"
						mode="">
					</image>
					<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/gryyzw11.jpg"
						mode="">
					</image>
				</view>
				<view class="list-item-text">
					13.企业支付完订单后，该项目订单会自动显示在我的订单 -> <navigator url="/pages2_1/pages/user-orders/user-orders?status=20&title=工作中"
						class="active">工作中</navigator>列表中
				</view>
			</view>
			<view class="list-item">
				<view class="" style="width:350rpx;display: inline-block;">
					<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/gryyzw12.jpg"
						mode="">
					</image>
					<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/gryyzw13.jpg"
						mode="">
					</image>
				</view>
				<view class="list-item-text">
					14.企业确认项目结束后，该项目订单会自动显示在我的订单 -> <navigator url="/pages2_1/pages/user-orders/user-orders?status=30&title=已完成"
						class="active">已完成</navigator>列表中
				</view>
			</view>
			<view class="list-item">
				<view class="" style="width:350rpx;display: inline-block;">
					<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/gryyzw14.jpg"
						mode="">
					</image>
					<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/gryyzw15.jpg"
						mode="">
					</image>
				</view>
				<view class="list-item-text">
					15.后台确认项目结束后，您的<navigator url="/pages2/pages/my-money/my-money" class="active">薪资余额</navigator>
					会显示，该项目订单也会显示在我的订单 -> <navigator url="/pages2_1/pages/user-orders/user-orders?status=40&title=已结算"
						class="active">已结算</navigator>列表中
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {

		data() {
			return {
				title: '找活流程'
			};
		},

		computed: {

		},
		components: {

		},

		onLoad() {

		},
		methods: {

		},
	}
</script>

<style>
	page {
		background-color: #f7f7f7;
		font-size: $font-base;
	}
</style>

<style lang="scss" scoped>
	/* 快捷方式 */

	.list {
		// #ifdef APP-PLUS
		padding: 160rpx 0rpx 120rpx;
		// #endif

		// #ifdef H5
		padding: 110rpx 0rpx 120rpx;
		// #endif
		
		// #ifdef MP-WEIXIN
		padding: 165rpx 0rpx 120rpx;
		// #endif

		.list-item {
			position: relative;
			background: #fff;
			margin-bottom: 10rpx;
			padding: 0 20rpx;

			.list-item-img {
				width: 350rpx;
				height: 785rpx;
			}

			.list-item-text {
				width: 320rpx;
				position: absolute;
				right: 20rpx;
				display: inline-block;
				text-align: justify;
			}
		}
	}

	.active {
		color: $base-color;
		font-size: $font-lg;
		margin: 0 5rpx;
		display: inline;

	}
</style>
